page-contact {
    .house{
        padding: 0.3rem 0.6rem 0.1rem 0.6rem;
        .house_content{
            background: #ffffff;
            .house_img{
                position: relative;
                background-size: 100%;
                background-position: center;
                background-repeat: no-repeat;
                height: 14rem;
                a{
                    position: absolute;
                    top: 0.9rem;
                    right: 1.2rem;
                    font-size: 1.7rem;   
                    color: #CCCCCC;
                    img{
                        width: 2rem;
                    }
                }
            }
            .house_info{
                padding: 0.5rem;
                p{
                    margin: 0;
                    padding: 5px 0;
                    .iconfont{
                        font-size: 1.3rem;
                    }
                    .icon-map_map{
                        color: #3A80F3;
                        margin-right: 5px;
                    }
                    label{
                        margin-right: 10px;
                        color: #666666;
                        .iconfont{
                            margin-right: 3px;
                        }
                    }
                    font{
                        color: #666666;
                        font-size: 1.1rem;
                    }
                    span{
                        float: right;
                        font-size: 1.6rem;
                        color: #ED5736;
                    }
                }
            }
            
        }
    }
    .service{
        width: 100%;
        background: #fff;
        .service_content{
            padding: 1rem;
            border: solid 1px #cccccc;
           
            @include flex(space-between);
            .service_img{
                width: 6.4rem;
                height: 6.4rem;
                @include border-radius(3px);
                background-position: center;
                background-size: 100%;
                background-repeat: no-repeat;
            }
            .service_info{
                width: calc(100% - 6.8rem);
                height: 6.4rem;
                @include flex(space-between);
                flex-direction: column;
                h5{
                    margin: 0;
                    font-size: 1.4rem;
                    color: #333333;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    a{
                        float: right;
                        color: #CCCCCC;
                    }
                    a.active{
                        color: #ED5736;
                    }
                }
                p{
                    margin: 0;
                    color: $font-text-color;
                    .stars{
                        float: right;
                        i:first-child{
                            margin-left: 0;
                        }
                        i{
                            font-size: 1.2rem;
                            margin-left: 3px;
                        }
                        .icon-star1{
                            color: $font-color;
                        }
                        .icon-star{
                            color: #F4C20D;
                        }
                    }
                    .price{
                        color: #ED5736;
                        font-size: 1.6rem;
                        float: right;
                    }
                }

            }
        }
    }
}
